@charset "UTF-8";
/**
 * Created by kroyo on 2018/05/14.
 * applycommon  入驻页面公共样式
 */
/**
 * Created by kroyo on 2017/10/19.
 * minxin 公共块
 */
body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, select, textarea, button, th, td, menu {
  margin: 0;
  padding: 0; }

* {
  box-sizing: border-box; }

ul, dl, ol {
  list-style: none; }

img, fieldset, input[type="submit"] {
  border: 0 none; }

em {
  font-style: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button, input[type="button"] {
  cursor: pointer;
  border: 0 none; }

a, button, input, img {
  -webkit-touch-callout: none; }

img {
  /*pointer-events:none;*/
  /*禁止图片的点击事件，例如长按保存图片*/ }

fieldset, img, input, button, select {
  border: none;
  padding: 0;
  margin: 0;
  outline-style: none; }

textarea {
  outline: none; }

a {
  text-decoration: none; }

/***浮动**/
.fl {
  float: left; }

.fr {
  float: right; }

@font-face {
  font-family: 'NotoSansHans-Regular';
  src: url("../../fonts/NotoSansHans-Regular.otf"); }

@font-face {
  font-family: 'NotoSansHans-Light';
  src: url("../../fonts/NotoSansHans-Light.otf"); }

@font-face {
  font-family: 'NotoSansHans-Normal';
  src: url("../../fonts/NotoSansHans-Normal.otf"); }

@font-face {
  font-family: 'Fzhtk';
  src: url("../../fonts/FZHTK.TTF"); }

@font-face {
  font-family: 'simhei';
  src: url("../../fonts/simhei.otf"); }

html {
  height: 100%;
  width: 100%;
  font-family: 'PingFang SC','NotoSansHans-Light','Fzhtk','simhei','PingFang','Arial','Heiti SC','SimSun','sans-serif';
  outline: 0;
  -webkit-text-size-adjust: none; }

body {
  height: 100%;
  margin: 0;
  position: relative; }

i, em {
  font-style: normal;
  text-decoration: none; }

/***清除浮动***/
.clear {
  clear: both; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix {
  *zoom: 1; }

.reset {
  display: none; }

.red {
  color: #ee0003; }

body {
  background-color: #f2f2f2; }

.container {
  position: relative;
  width: 1000px;
  height: 100%;
  margin: 0 auto; }

.apply-header {
  width: 100%;
  height: 60px;
  background-color: #ffffff; }
  .apply-header .header-logo {
    float: left;
    width: 122px;
    height: 60px;
    background: url(../../img/logo.png) no-repeat center;
    cursor: pointer; }
    .apply-header .header-logo a {
      display: block;
      width: 100%;
      height: 100%; }
  .apply-header .header-nav {
    position: relative;
    float: left;
    height: 60px;
    line-height: 60px;
    margin-left: 30px; }
    .apply-header .header-nav:before {
      position: absolute;
      top: 20px;
      left: -10px;
      display: block;
      content: '';
      width: 1px;
      height: 20px;
      background-color: #dddddd; }
    .apply-header .header-nav a {
      display: block;
      width: 100%;
      height: 100%;
      padding-left: 10px;
      padding-right: 10px;
      color: #333333;
      background-color: transparent;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; }
      .apply-header .header-nav a:after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        content: '';
        width: 100%;
        height: 4px;
        background-color: #00a0e9;
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: scale(0, 1);
        /* Safari 和 Chrome */
        -moz-transform: scale(0, 1);
        /* Firefox */
        -ms-transform: scale(0, 1);
        /* IE 9 */
        -o-transform: scale(0, 1);
        /* Opera */
        transform: scale(0, 1);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s; }
      .apply-header .header-nav a:hover {
        color: #00a0e9;
        background-color: #eeeeee; }
        .apply-header .header-nav a:hover:after {
          -webkit-transform: scale(1, 1);
          /* Safari 和 Chrome */
          -moz-transform: scale(1, 1);
          /* Firefox */
          -ms-transform: scale(1, 1);
          /* IE 9 */
          -o-transform: scale(1, 1);
          /* Opera */
          transform: scale(1, 1); }
      .apply-header .header-nav a.active {
        color: #00a0e9; }
  .apply-header .header-login {
    position: relative;
    float: right;
    display: block;
    width: 70px;
    height: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
    .apply-header .header-login:after {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      content: '';
      width: 100%;
      height: 4px;
      background-color: #00a0e9;
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: scale(0, 1);
      /* Safari 和 Chrome */
      -moz-transform: scale(0, 1);
      /* Firefox */
      -ms-transform: scale(0, 1);
      /* IE 9 */
      -o-transform: scale(0, 1);
      /* Opera */
      transform: scale(0, 1);
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; }
    .apply-header .header-login:hover {
      color: #00a0e9;
      background-color: #eeeeee; }
      .apply-header .header-login:hover:after {
        -webkit-transform: scale(1, 1);
        /* Safari 和 Chrome */
        -moz-transform: scale(1, 1);
        /* Firefox */
        -ms-transform: scale(1, 1);
        /* IE 9 */
        -o-transform: scale(1, 1);
        /* Opera */
        transform: scale(1, 1); }
    .apply-header .header-login a {
      display: block;
      width: 100%;
      height: 100%; }
    .apply-header .header-login .icon-user {
      position: absolute;
      top: 15px;
      left: 20px;
      display: block;
      width: 30px;
      height: 30px;
      font-size: 0;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      overflow: hidden;
      text-align: center; }
      .apply-header .header-login .icon-user img {
        width: 100%;
        vertical-align: middle; }

.apply-process {
  width: 100%;
  height: 80px;
  font-size: 0;
  background-color: #00a0e9; }
  .apply-process .container {
    padding: 25px 48px; }
  .apply-process .li-wrapper {
    position: relative;
    display: inline-block;
    width: auto; }
    .apply-process .li-wrapper:after {
      position: absolute;
      top: 15px;
      right: -150px;
      display: block;
      content: '';
      width: 130px;
      border-top: 1px dashed #ffffff; }
  .apply-process .process-li {
    display: inline-block;
    width: 25%;
    height: 100%;
    font-size: 0;
    line-height: 30px;
    text-align: left; }
    .apply-process .process-li:last-of-type {
      text-align: right; }
      .apply-process .process-li:last-of-type .li-wrapper:after {
        display: none; }
    .apply-process .process-li:nth-of-type(2) {
      padding-left: 40px; }
    .apply-process .process-li:nth-of-type(3) {
      padding-left: 80px; }
  .apply-process .process-li.active .process-icon {
    color: #00a0e9;
    background-color: #ffffff; }
  .apply-process .process-li.active .process-text {
    color: #ffffff; }
  .apply-process .process-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #ffffff;
    font-size: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    background-color: #a3dcf7;
    vertical-align: middle;
    text-align: center; }
  .apply-process .process-text {
    color: #a3dcf7;
    font-size: 14px;
    margin-left: 10px;
    vertical-align: middle; }

.content-main {
  position: relative;
  min-height: 600px;
  margin-top: 20px;
  padding: 50px 150px 90px !important;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1); }

.footer-btnlist {
  position: absolute;
  left: 0;
  bottom: 50px;
  width: 100%;
  text-align: center; }
  .footer-btnlist .btn {
    width: 160px;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px; }
  .footer-btnlist .bgbtn {
    line-height: 40px; }
    .footer-btnlist .bgbtn:hover {
      background-color: rgba(0, 160, 230, 0.7); }
  .footer-btnlist .graybtn {
    line-height: 38px;
    margin-right: 30px; }
